﻿.dashboard {
	background-color: #fff;
	margin: -5px;
	margin-top: -15px;
	margin-bottom: -20px;
}

@media(min-width:768px) {
	.dashboard {
		margin-left: -25px;
		margin-right: -25px;
	}
}

.proj-slider .bg-erp {
	background: #fff url('/Content/images/erp-slider-bg.png') no-repeat top right;
}

@media(max-width:768px) {
	.proj-slider .bg-erp {
		background: #fff url('') no-repeat top right;
	}
}

.proj-slider .bg-esb {
	background: #fff url('/Content/images/esb-slider-bg.png') no-repeat top right;
}

@media(max-width:768px) {
	.proj-slider .bg-esb {
		background: #fff url('') no-repeat top right;
	}
}

.proj-slider .bg-wf {
	background: #fff url('/Content/images/wf-slider-bg.png') no-repeat top right;
}

@media(max-width:768px) {
	.proj-slider .bg-wf {
		background: #fff url('') no-repeat top right;
	}
}

.proj-slider .bg-etc {
	background: #fff url('/Content/images/etc-slider-bg.png') no-repeat top right;
}

@media(max-width:768px) {
	.proj-slider .bg-etc {
		background: #fff url('') no-repeat top right;
	}
}

#proj-silder .carousel-control {
	width: 5%;
	min-width: 20px;
}

	#proj-silder .carousel-control.left {
		background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.0001) 100%);
		background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.0001) 100%);
		background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0001)));
		background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.0001) 100%);
		background-repeat: repeat-x;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=1);
	}

	#proj-silder .carousel-control.right {
		left: auto;
		right: 0;
		background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.1) 100%);
		background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.1) 100%);
		background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.1)));
		background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.1) 100%);
		background-repeat: repeat-x;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
	}

	#proj-silder .carousel-control:hover,
	#proj-silder .carousel-control:focus {
		outline: 0;
		color: #999;
		text-decoration: none;
		opacity: 0.9;
		filter: alpha(opacity=90);
	}

	#proj-silder .carousel-control .icon-prev,
	#proj-silder .carousel-control .icon-next,
	#proj-silder .carousel-control .fa-chevron-left,
	#proj-silder .carousel-control .fa-chevron-right {
		position: absolute;
		top: 50%;
		z-index: 5;
		display: inline-block;
	}

	#proj-silder .carousel-control .icon-prev,
	#proj-silder .carousel-control .fa-chevron-left {
		left: 5%;
		margin-left: 0;
	}

	#proj-silder .carousel-control .icon-next,
	#proj-silder .carousel-control .fa-chevron-right {
		right: 5%;
		margin-right: 0;
	}

	#proj-silder .carousel-control .icon-prev,
	#proj-silder .carousel-control .icon-next {
		width: 20px;
		height: 20px;
		margin-top: -10px;
		line-height: 1;
		font-family: serif;
	}

		#proj-silder .carousel-control .icon-prev:before {
			content: '\2039';
		}

		#proj-silder .carousel-control .icon-next:before {
			content: '\203a';
		}


#proj-silder .carousel-indicators {
	position: absolute;
	bottom: -5px;
	left: 50%;
	z-index: 15;
	width: 60%;
	margin-left: -30%;
	padding-left: 0;
	list-style: none;
	text-align: center;
}

	#proj-silder .carousel-indicators li {
		display: inline-block;
		width: 8px;
		height: 8px;
		margin: 1px;
		text-indent: -999px;
		border: 1px solid #999;
		border-radius: 8px;
		cursor: pointer;
		background-color: #999;
	}

	#proj-silder .carousel-indicators .active {
		margin: 0;
		width: 10px;
		height: 10px;
		background-color: transparent;
		border-color: #0099CC;
	}

#proj-silder .carousel-inner > .item .row > div {
	margin: 3px 0;
}

	#proj-silder .carousel-inner > .item .row > div:first-child {
		margin-top: 20px;
	}

@media(min-width:768px) {
	#proj-silder .carousel-inner > .item .row > div:first-child {
		margin-top: 40px;
	}
}

#proj-silder .carousel-inner > .item .row > div:last-child {
	margin-bottom: 25px;
}

#proj-silder .carousel-inner > .item .row > div > span {
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.075);
	margin-right: 5px;
	display: inline-block;
}

#proj-silder .carousel-inner > .item .row > div a {
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.075);
	overflow: hidden;
	white-space: nowrap;
}

#proj-silder .carousel-inner > .item .row > div .line {
	margin-left: 17px;
}

@media(max-width:768px) {
	#proj-silder .carousel-inner > .item .row > div .line {
		margin-left: 7px;
	}
}

#proj-silder .carousel-inner > .item .row > div .title {
	width: 115px;
}

#proj-silder .carousel-indicators-fakers {
	position: absolute;
	top: 15px;
	left: 0;
	z-index: 15;
	width: 95%;
	list-style: none;
	text-align: center;
}

	#proj-silder .carousel-indicators-fakers > a {
		float: right !important;
		margin: 0 5px;
		color: #777;
	}

		#proj-silder .carousel-indicators-fakers > a:hover {
			color: #0099CC;
		}

		#proj-silder .carousel-indicators-fakers > a.active {
			color: #0099CC;
		}

.proj-slider-ext.carousel-indicators-fakers2 {
}

	.proj-slider-ext.carousel-indicators-fakers2 > div:first-child {
		border-top: 1px solid #eee;
	}

	.proj-slider-ext.carousel-indicators-fakers2 > div {
		border-bottom: 1px solid #eee;
	}

		.proj-slider-ext.carousel-indicators-fakers2 > div > span {
			height: 38px;
			line-height: 38px;
			display: inline-block;
			color: #777;
			cursor: pointer;
			margin-left: 7px;
		}

		.proj-slider-ext.carousel-indicators-fakers2 > div.active > span {
			color: #0099CC;
		}

#proj-silder .carousel-inner > .item .row > div > span.proj-name {
	height: 70px;
	line-height: 67px;
	font-size: 2.4em;
	color: #0099CC;
	text-shadow: 5px 5px 2px rgba(0, 0, 0, 0.175);
}

@media(max-width:768px) {
	#proj-silder .carousel-inner > .item .row > div > span.proj-name {
		height: 40px;
		line-height: 40px;
		font-size: 1.8em;
	}
}

#proj-silder .carousel-inner > .item .row > div > span.proj-info {
	height: 28px;
	line-height: 28px;
	font-size: 1.22em;
	color: #777;
	margin-left: -2px;
}

#proj-silder .carousel-inner > .item .row > div > span.proj-info-link {
	margin-right: 5px;
	color: #0099CC;
}

#proj-silder .carousel-inner > .item .row > div > span.proj-info-date {
	color: #999;
	font-size: 0.8em;
}


.rpt-panel {
	background-color: #F6F6F6;
	border-bottom: 1px solid #eee;
}

@media(min-width:768px) {
	.rpt-panel {
		border-top: 1px solid #eee;
		height: 260px;
		background: #F6F6F6 url('/Content/images/rpt-panel-bg.png') no-repeat 50px 20px;
	}
}

@media(max-width:768px) {
	.rpt-panel .container-fluid {
		padding-left: 0;
	}

		.rpt-panel .container-fluid > div {
			padding-left: 0;
		}
}

.rpt-panel div {
	margin: 3px 0;
}

	.rpt-panel div:first-child {
		margin-top: 10px;
	}

@media(min-width:768px) {
	.rpt-panel div:first-child {
		margin-top: 40px;
	}
}

.rpt-panel div > span {
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.075);
	margin-right: 5px;
	display: inline-block;
}

.rpt-panel div a {
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.075);
	overflow: hidden;
	white-space: nowrap;
}

.rpt-panel div .line {
	margin-left: 17px;
}

@media(max-width:768px) {
	.rpt-panel div .line {
		margin-left: 7px;
	}
}

.rpt-panel div > a > i {
	display: inline-block;
	width: 20px;
}

.rpt-panel div > a.heading {
	height: 45px;
	line-height: 45px;
	font-size: 1.4em;
	color: #0099CC;
	text-decoration: none;
}

	.rpt-panel div > a.heading.user {
		color: #777;
	}

		.rpt-panel div > a.heading.user:hover,
		.rpt-panel div > a.heading.user:focus {
			color: #0099CC;
		}

.rpt-panel div > a.sub-heading {
	height: 35px;
	line-height: 35px;
	font-size: 1.13em;
	color: #777;
	text-decoration: none;
}

	.rpt-panel div > a.sub-heading:hover,
	.rpt-panel div > a.sub-heading:focus {
		color: #0099CC;
	}

.rpt-panel div > span.check-user {
	color: #0099CC;
	font-size: 0.8em;
}

.rpt-panel div > span.check-date {
	color: #999;
	font-size: 0.8em;
}


.cs-panel {
	background-color: #fff;
}

@media(min-width:768px) {
	.cs-panel {
		height: 400px;
		background: #fff url('/Content/images/cs-panel-bg.png') no-repeat right bottom;
	}
}

.cs-panel div {
	margin: 3px 0;
}

	.cs-panel div:first-child {
		margin-top: 10px;
	}

@media(min-width:768px) {
	.cs-panel div:first-child {
		margin-top: 20px;
	}
}

@media(max-width:768px) {
	.cs-panel .container-fluid {
		padding-left: 0;
	}

		.cs-panel .container-fluid > div {
			padding-left: 0;
		}
}

.cs-panel div > span {
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.075);
	margin-right: 5px;
	display: inline-block;
}

.cs-panel div .line {
	margin-left: 17px;
}

@media(max-width:768px) {
	.cs-panel div .line {
		margin-left: 7px;
	}
}

.cs-panel div > span > i {
	display: inline-block;
	width: 20px;
}

.cs-panel div > span.heading {
	height: 40px;
	line-height: 40px;
	font-size: 1.2em;
	color: #777;
	text-decoration: none;
}

.cs-panel div > span.info {
	height: 40px;
	line-height: 40px;
	font-size: 1.15em;
	color: #0099CC;
	text-decoration: none;
}

.cs-panel div > a {
	font-size: 0.8em;
	color: #777;
}

	.cs-panel div > a:hover,
	.cs-panel div > a:focus {
		color: #0099CC;
	}
